﻿
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- saved from url=(0014)about:internet -->
<html>
    <head>
        <!--DXMETADATA start type="Scrap" name="_Product_Title_Scrap" format="%%scrap%%" --><title>Xtreme Chart Pro</title><!--DXMETADATA end -->
        <meta content="Innovasys Document! X (http://www.innovasys.com)" name=GENERATOR>
        <meta http-equiv=Content-Type content="text/html; charset=UTF-8">
        <meta http-equiv=Content-Style-Type content=text/css>
        <link href="stylesheets/default.css" type=text/css rel=STYLESHEET>
        <link href="stylesheets/axstylesheet.css" type=text/css rel=STYLESHEET>
        <script src="script/scripts.js" type=text/javascript>
    </script>

    


<style>
html,div { margin: 0; padding: 0;}

body {
	padding: 0px;
	margin: 0px;
	overflow: auto;
	height: 100%;
}

#winchm_template_button{
	float: right;
	width: 93px;
	top: 7px;
	position: relative;
	text-align: right;
	right: 5px;
	height: auto;
}

#winchm_template_top{
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #9B9B9B;
	background-color: #B1CEFE;
}

#winchm_template_navigation{
	margin: 0px;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom: 3px;
	padding-right: 0px;
	font-size: 8.5pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #585858;
}

#winchm_template_title{
	margin: 0px;
	padding-top: 4px;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-right: 0px;
	font-size: 18px; 
	font-family: Verdana, Geneva, sans-serif;
	color: #363636;
}

#winchm_template_content{
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 15px;
	width: auto  !important;
	width: 100%;
}

#winchm_template_footer{
	border-width: 1px;
	border-color: #B1CEFE;
	border-top-style: solid;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 15px;
	padding-top: 7px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #696969;
	width: auto;
	text-align: left;
}


#winchm_template_container{
	margin: 0px;
	padding: 0px;
	position: static;
	padding-bottom: 3px;
	overflow: auto;
	background-color: #FFFFFF;
}


@media print
{
#winchm_template_container{
	position: static;	
	margin: 0px;
	padding: 5px;
	
	width: auto;
	height: auto;
	overflow: auto;
}
#winchm_template_button{
visibility:hidden;
}
}

#winchm_template_navigation A:link	{text-decoration: none; color:#004080}
#winchm_template_navigation A:visited  {text-decoration: none; color: #004080}
#winchm_template_navigation A:active {text-decoration: none; color: #004080 }
#winchm_template_navigation A:hover {text-decoration: none;color: #0080FF}

A:link	{text-decoration: underline; color:#0033CC}
A:visited  {text-decoration: underline; color: #0033CC}
A:active {text-decoration: underline; color: #0033CC }
A:hover {text-decoration: underline;color: #FF0000;}
</style>
<script type="text/javascript">
function isMobile(){
Agent = window.navigator.userAgent;
if (Agent.indexOf("iPhone")>=1 || Agent.indexOf("iPad")>=1 || Agent.indexOf("iPod")>=1 || Agent.indexOf("Android")>=1){
return true;
}else{
return false;	
}

}
function d_onresize(){
if (window.navigator.userAgent.indexOf("MSIE")>=1){
document.getElementById('winchm_template_container').style.pixelWidth = document.body.offsetWidth - 3;
document.getElementById('winchm_template_container').style.pixelHeight = document.body.offsetHeight - document.getElementById('winchm_template_top').offsetHeight - 4;
}
document.getElementById('winchm_template_container').style.top = document.getElementById('winchm_template_top').offsetHeight + 'px';
}

function d_onbeforeprint(){
document.getElementById('winchm_template_container').style.width = 'auto';
document.getElementById('winchm_template_container').style.height = 'auto';
}

function d_onafterprint(){
d_onresize();
}

if(!isMobile()){

window.onload = d_onresize;
window.onresize = d_onresize;
window.onbeforeprint = d_onbeforeprint;
window.onafterprint = d_onafterprint;

document.write("<style>\n");
document.write("body {overflow: hidden;}\n");
document.write("#winchm_template_container {position: absolute;overflow: auto;top : 0px;right: 0px;bottom: 0px;left: 0px;}\n");
document.write("</style>\n");
}

</script>
</head>
        <!--DXMETADATA start type="Scrap" name="_Product_Body_Load_Scrap" format="%%scrap%%" --><body><script language="JavaScript" type="text/JavaScript">
function syn(){
if(parent.nav.tree){
 if(parent.nav.tree.loaded){
  parent.nav.tree.selectNode(2446);
 }else{
  setTimeout("syn()",500);
}
  }else{
  setTimeout("syn()",500);
  }}
if(parent!=self){
  setTimeout("syn()",100);
}else{
  parent.location.href = "../index.htm?page=XtremeChartControl_P.html";
}
originalOnload = window.onload;
if(originalOnload==null){
window.onload = function(){parent.contentLoaded = true;};
}else{
window.onload = function(){originalOnload();parent.contentLoaded = true;};
}
</script> 


<div id="winchm_template_top">
	<div id="winchm_template_button"><A href="XtremeCalendarControl~Enumerations~XTPImageState_EN.html" title="Previous topic"><img id="winchm_template_prev" alt="Previous topic" src="template2/btn_prev_n.gif" border="0"></a><A href="XtremeChartControl~ChartAppearance.html" title="Next topic"><img id="winchm_template_next" alt="Next topic" src="template2/btn_next_n.gif" border="0"></a></div>
	<div id="winchm_template_navigation">Help &gt; 
<A href="welcome_screen.htm">Codejock ActiveX Controls v15.3</A> &gt; </div>
	<div id="winchm_template_title">Xtreme Chart Pro</div>
</div>
<div id="winchm_template_container">
	<div id="winchm_template_content"><!--DXMETADATA end -->           
               
        <!-- Begin Page Header -->
        <div class=Element710 id=areafixed>
            <div class=Element92>
                <table cellspacing=0 cellpadding=0 width="100%">
                    <tbody>
                        <tr>
                            <td width="33%">
                                <div class=Element1>
                                <a href="#" onmousedown="showPopup(this, 'popup00001');"><img src="aximages/seealsolink.png" border="0" alt=""></a>
                                    <!--DXMETADATA start type="Phrase" name="Product_Header" format="%%phrase%%" -->Xtreme Chart Pro ActiveX Control v15.3<!--DXMETADATA end --> 
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class=Element5>
                    <!--DXMETADATA start type="Phrase" name="Product_Overview" format="%%phrase%%" -->Xtreme Chart Pro ActiveX Overview<!--DXMETADATA end --> 
                </div>             
            </div>
        </div>
        <!-- End Page Header -->
        <!-- Begin Client Area -->
        <div class=Element720 id=areascroll>
            <div class=Element721>
                <!-- Begin Page Content -->
                <div class=Element58>
                    <div class=Element11>
                        <div class=Element10>
                            <!--DXMETADATA start type="Phrase" name="Product_Logo" format="<p class=Element10><img height=75 src=""%%phrase%%"" width=285 border=0></p>" --><p class=Element10><img height=75 src="XtremeChartControl_logo.png" width=285 border=0></p><!--DXMETADATA end --> 
                            <p class="Element10" style="padding-bottom:20px;padding-left:5px;">
<div class=Element10 id="NotChartControl" style="display:block">
		                            <div class=Element10 id="XtremeCommandBars" style="none"><b>Xtreme Command Bars for ActiveX</b> provides Windows developers with a sophisticated Office style Command Bars and One Note style MDI tab windows. The framework fully supports menu and toolbar customization to give you more control over your applications workspace. Xtreme Command Bars comes with built in theme support that will allow you to choose from predefined themes such as Officexp, Office 2003, and Visual Studio .NET. 
		                            </div>
		                            <div class=Element10 id="XtremeDockingPane" style="none"><b>Xtreme Docking Pane for ActiveX</b> provides Windows developers with a sophisticated Visual Studio.NET? style docking pane. Windows developers can easily create tear off tabs and auto hide windows that allow for a more manageable application workspace. The docking panes comes with built in theme support that will allow you to choose from predefined themes such as Visio and Visual Studio .NET. 
		                            </div>
		                            <div class=Element10 id="XtremePropertyGrid" style="none"><b>Xtreme Property Grid for ActiveX</b> provides Windows developers with a sophisticated Visual Studio.NET? style property grid. Windows developers can easily create a hierarchical list of editable properties and represent many different data types or sub-items. The property grid comes with a built in toolbar for easy sorting and grouping, and a help panel to display information on each selected item. 
		                            </div>
		                            <div class=Element10 id="XtremeReportControl" style="none">Codejock Software's <b>Xtreme Report Control</b> allows you to display a hierarchical list of items similar to Outlook 2003 email inbox. 
		                            </div>
		                            <div class=Element10 id="XtremeSuiteControls" style="none"><b>Xtreme Suite Controls</b> provide many enhanced components such as hyperlink and multiple selection tree controls, browse edit and Office style color popups, vista task dialog and much more. 
		                            </div>
		                            <div class=Element10 id="XtremeCalendarControl" style="none"><b>Xtreme Calendar for ActiveX</b> provides Windows developers with a sophisticated Office style Calendar. 
		                            </div>		        
		                            <div class=Element10 id="XtremeMarkup" style="none"><b>Xtreme Markup for ActiveX</b> provides additional Markup Support for Xtreme Controls.
		                            </div>	
		                            <div class=Element10 id="XtremeShortcutBar" style="none"><b>Xtreme Shortcut Bar for ActiveX</b> provides developers with full theme support giving their applications the closest, most exact Office style themes of any 3rd party tool available today. 
									</div>
		                            <div class=Element10 id="XtremeTaskPanel" style="none"><b>Xtreme Task Panel for ActiveX</b> provides Windows developers with features similar to the Task Panels seen in Microsoft? Office and Windows Explorer. You can easily manage your application shortcuts and have a unique way of displaying information to the end user.
		                            </div>		                            									
		                            <div class=Element10 id="XtremeSkinFramework" style="none"><b>Xtreme Skin Framework for ActiveX</b> allows Windows developers to fully skin their applications, including components such as title bar, scroll bars, buttons, checkboxes, and option buttons.
		                            </div>
		                            <div class=Element10 id="XtremeSyntaxEdit" style="none"><b>Xtreme SyntaxEdit for ActiveX</b> Visual Studio .NET style Syntax Editor Control provides your users with a highly sophisticated text editor control that supports advanced features such as text block grouping, syntax colorization, line numbers, font type, pre-defined color schemes, book marks, break points and many more advanced features.
		                            </div>	                         
				            <div class=Element10 id="XtremeFlowGraph" style="display:block"><b>Xtreme FlowGraph ActiveX</b> is a graphing control used to display relationship graphs.  This can be thought of as a relationship diagram commonly used to display the relationships for a relational database. 
				            </div>
</div>
				            <div class=Element10 id="XtremeChartControl"><b>Xtreme Chart Pro ActiveX</b> is an advanced chart library for Windows environment software development.  The Chart ActiveX control brings the chart to virtually every development platform for Windows.  The Chart Pro controls are easy to understand and can be implemented in only a few lines of code, but it also provides a rich set of classes for customization and enhancement.
				            </div> 
                            <br><br></p>
                            <div>
                                <!--DXMETADATA start type="Phrase" name="Product_Image" format="<img height=200 src=""%%phrase%%"" width=400 border=0>" --><img height=200 src="XtremeChartControl.png" width=400 border=0><!--DXMETADATA end --> 
                            </div>
                            <div class=Element5><br>
                                <br>
                                Project Overview 
                            </div>
                            <div class=Element14><a class=a_Element14 onclick="toggleVisibilityStored('UserControls');"><img id=imgUserControls alt=sectionminus.png src="aximages/sectionminus.png" border=0>User Controls</a> 
                            </div>
                            <div id=divUserControls>
                                <div class=Element10 style="MARGIN-TOP: 3px; MARGIN-LEFT: 15px">
                                    <!--DXMETADATA start type="FilteredItemList" scrap="MODULE_LIST" namespace="module" source="Item" filter="type=usercontrol" format="%%filtereditemlist%%" --><TABLE CLASS="FilteredItemListTable" CellSpacing="0"><TR VALIGN="top"><TH width=30%>Control</TH><TH width=70%>Description</TH></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2682">ChartControl</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Chart Control.</TD></TR>
</TABLE><!--DXMETADATA end --> 
                                </div>
                            </div>
                            <div class=Element14><a class=a_Element14 onclick="toggleVisibilityStored('Classes');"><img id=imgClasses alt=sectionminus.png src="aximages/sectionminus.png" border=0>Classes</a> 
                            </div>
                            <div id=divClasses>
                                <div class=Element10 style="MARGIN-TOP: 3px; MARGIN-LEFT: 15px">
                                    <!--DXMETADATA start type="FilteredItemList" scrap="MODULE_LIST" namespace="module" source="Item" filter="type=class_notinterface" format="%%filtereditemlist%%" --><TABLE CLASS="FilteredItemListTable" CellSpacing="0"><TR VALIGN="top"><TH width=30%>Class Module</TH><TH width=70%>Description</TH></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2448">ChartAppearance</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the appearance of a chart and it's elements.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2458">ChartAreaSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Area chart style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2471">ChartAxis</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a chart axis (both x and y axis).</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2499">ChartAxisConstantLine</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a constant line parallel to an axis.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2515">ChartAxisConstantLines</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a collection of <A href="#Bookmark2499">ChartAxisConstantLine</A>&nbsp;objects.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2524">ChartAxisCustomLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a custom label displayed for a value in an axis.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2530">ChartAxisCustomLabels</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a collection of <A href="#Bookmark2524">ChartAxisCustomLabel</A>&nbsp;objects.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2539">ChartAxisGridLines</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the grid lines parallel to an axis.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2547">ChartAxisLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the text label on an axis.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2557">ChartAxisRange</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the range of values and the properties of the range for&nbsp;the given axis.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2570">ChartAxisStrip</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a strip parallel to an axis.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2583">ChartAxisStrips</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a collection of <A href="#Bookmark2570">ChartAxisStrip</A>&nbsp;objects.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2592">ChartAxisTickMarks</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the tick marks in an axis.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2603">ChartAxisTitle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the axis title.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2612">ChartBarSeriesLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Properties used by the labels of Bar Chart styles.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2628">ChartBarSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Bar chart style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2641">ChartBorder</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Properties used to draw the chart elements's border.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2648">ChartBubbleSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Bubble chart style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2661">ChartCandleStickSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Candle Stick\Financial\Stock chart style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2666">ChartContent</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the content of the chart.&nbsp; This object has a appearance collection, series collection, title collection and legend.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2705">ChartControlGlobalSettings</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Chart Control Global Settings.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2717">ChartDiagram</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a chart diagram.&nbsp; This&nbsp;object acts as a base class for 2D and 3D diagrams.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2722">ChartDiagram2D</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the diagram used to draw a 2D chart (point, area, bar, etc).&nbsp; Used for all charts except 3D views and 2D Pie.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2738">ChartDiagramCollection</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a collection of <A href="#Bookmark2717">ChartDiagram</A>&nbsp;objects.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2748">ChartElement</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents an element of the chart (point, etc...)</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2751">ChartFastLineSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Fast Line style (use when plotting thousands of points and drawing speed is important).</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2761">ChartFillStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the styles used to fill\shade the background of&nbsp;various elements of the chart (strips, interlacing, background, markers, labels, legend, etc) .</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2768">ChartFont</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Font used to display the element.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2773">ChartFunnelSeriesLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Properties used by the labels of Funnel Chart styles.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2789">ChartFunnelSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Funnel Chart style</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2799">ChartGanttSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Gantt series style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2814">ChartHighLowSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Financial\Stock chart style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2819">ChartLegend</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the chart's legend.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2839">ChartLegendItem</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Chart Legend Item object.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2844">ChartLineSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Line Chart Style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2855">ChartLineStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a chart line style.&nbsp; This is the style applied to a data series when using a chart style that uses lines (line, area, spline, etc..)</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2863">ChartMarker</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Marker used to display a plot\point in&nbsp;the series.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2872">ChartNumberFormat</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Holds properties used to help format numbers to strings.&nbsp; This is used to format labels throughout the chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2884">ChartPalette</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a palette used to color a series.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2894">ChartPieDiagram</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the diagram used to draw a 2D Pie chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2899">ChartPieSeriesLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the label&nbsp;properties used to&nbsp;display labels&nbsp;for a pie chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2915">ChartPieSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">2D Pie Chart or 2D Doughnut Chart style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2926">ChartPointSeriesLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Properties used by the labels of Point Chart styles and those styles that are derived&nbsp;from the point series (area, bar, bubble, line, spline, stacked bar).</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2942">ChartPointSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Point Chart Style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2952">ChartPyramid3DSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Pyramid 3D style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2961">ChartPyramidSeriesLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Properties used by the labels of Pyramid Chart styles.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2977">ChartPyramidSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Pyramid 2D style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2986">ChartRadarAreaSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Radar/Polar&nbsp;Area Style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark2997">ChartRadarDiagram</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the diagram used to draw a&nbsp;Radar/Polar&nbsp;chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3010">ChartRadarLineSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Radar/Polar&nbsp;Line Style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3019">ChartRadarPointSeriesLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Properties used by the labels of&nbsp;Radar/Polar Chart styles.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3035">ChartRadarPointSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Radar/Polar&nbsp;Point Style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3043">ChartRadarSplineAreaSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Radar/Polar&nbsp;Spline Area Style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3054">ChartRadarSplineSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Radar/Polar&nbsp;Spline Style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3063">ChartRangeBarSeriesLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Properties used by the labels of Range Bar Chart styles.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3080">ChartRangeBarSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Range Bar Style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3095">ChartRangeSplineAreaSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Range Area chart style</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3108">ChartScatterLineSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Scatter chart style</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3119">ChartSeries</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a series of data in the chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3136">ChartSeriesCollection</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a collection of <A href="#Bookmark3119">ChartSeries</A>&nbsp;objects.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3146">ChartSeriesLabel</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the label&nbsp;properties used to&nbsp;display labels&nbsp;for&nbsp;data in a data series.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3162">ChartSeriesPoint</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a point of data is a series.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3177">ChartSeriesPointCollection</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a collection of <A href="#Bookmark3162">ChartSeriesPoint</A>&nbsp;for a given <A href="#Bookmark3119">ChartSeries</A>.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3190">ChartSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents the style applied for a given <A href="#Bookmark3119">ChartSeries</A>.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3197">ChartSplineAreaSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Spline area chart style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3208">ChartSplineSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Spline Chart Style.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3219">ChartStackedAreaSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Stacked Area\100% Stacked Area chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3233">ChartStackedBarSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Stacked Bar\100% Stacked Bar chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3247">ChartStackedSplineAreaSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Stacked Spline Area Chart Style</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3261">ChartStepAreaSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Step Area chart style</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3275">ChartStepLineSeriesStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Step Line chart style</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3287">ChartTitle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a title displayed in the chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3299">ChartTitleCollection</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Represents a collection of <A href="#Bookmark3287">ChartTitle</A>&nbsp;objects displayed in the chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3308">PropExchange</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Object used for reading and writing Chart Control layout information to\from a XML file, the registry, or binary file.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3316">ToolTipContext</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">The&nbsp;<STRONG>ToolTipContext</STRONG>&nbsp;object represents the tool tip window that is used to display tool tips.</TD></TR>
</TABLE><!--DXMETADATA end --> 
                                </div>
                            </div>
                            <div class=Element14><a class=a_Element14 onclick="toggleVisibilityStored('PublicEnumerations');"><img id=imgPublicEnumerations alt=sectionminus.png src="aximages/sectionminus.png" border=0>Public Enumerations</a> 
                            </div>
                            <div id=divPublicEnumerations>
                                <div class=Element10 style="MARGIN-TOP: 3px; MARGIN-LEFT: 15px">
                                    <!--DXMETADATA start type="FilteredItemList" scrap="ITEM_LIST_WITH_HEADER" namespace="enumeration" source="Item" filter="scope=public" format="%%filtereditemlist%%" --><TABLE CLASS="FilteredItemListTable" CellSpacing="0"><TR VALIGN="top"><TH width=30%>Enumeration</TH><TH width=70%>Description</TH></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3900">ChartAxisAlignment</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Axis alignment.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3901">ChartAxisDateTimeScaleUnit</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Time scale units used on this axis&nbsp;for a series with an <A href="#Bookmark3125">ArgumentScaleType</A>&nbsp;set to&nbsp;<STRONG>xtpChartScaleDateTime</STRONG>.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3902">ChartBarLabelPosition</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various positions available to the&nbsp;bar labels.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3903">ChartDashStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various line styles for the charts.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3904">ChartDateTimeFormatCategory</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various DateTime formats available to format labels in the chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3905">ChartDocking</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various docking positions of a chart title.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3906">ChartFillMode</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various background fill modes.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3907">ChartFunnelLabelPosition</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various positions available to the&nbsp;funnel labels.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3908">ChartGradientAngle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the different Gradient Angles used for background filling.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3909">ChartHatchStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various hatch styles used for background filling.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3910">ChartLegendAlignment</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various legend alignments.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3911">ChartLegendDirection</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various legend orientations.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3912">ChartMarkerType</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various markers available to the&nbsp;styles that display a dot\point (line, spline, etc...).</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3913">ChartNumberFormatCategory</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various number formats available to format labels in the chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3914">ChartPanelDirection</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Orientation of the chart's content.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3915">ChartPieLabelPosition</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various positions available to the&nbsp;pie labels.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3916">ChartPyramidLabelPosition</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various positions available to the&nbsp;pyramid labels.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3917">ChartRadarDiagramStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various diagram&nbsp;styles a radar\polar chart can use (circle\spider).</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3918">ChartRangeBarLabelPosition</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various positions available to the&nbsp;range bar labels.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3919">ChartRangeBarLabelType</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Specifies&nbsp;which labels will be&nbsp;displayed in a range bar chart.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3920">ChartScaleType</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various scales type for a series.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3921">ChartStringAlignment</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Defines the various alignments for the chart strings such as the title.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3922">XTPToolTipIcon</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Specifies the icon that will be displayed in the tool tip window when displaying the title and description of the control using the <STRONG>ShowTitleAndDescription</STRONG>&nbsp;method.</TD></TR>
<TR><TD CLASS=LinkCell WIDTH="30%"><A HREF="#Bookmark3923">XTPToolTipStyle</A></TD><TD CLASS="DescriptionCell" WIDTH="70%">Specifies the <STRONG>style</STRONG> of the tool tip when it is displayed.</TD></TR>
</TABLE><!--DXMETADATA end --> 
                                </div>
                            </div>
        		    <div class=Element10 id="XtremeChartControl2" style="display:block">
				<div class="Element14">
			        <a onclick="toggleVisibilityStored('ChartContentStyles');" class="a_Element14"><img src="aximages/sectionminus.png" border="0" alt="sectionminus.png" id="imgChartContent">Chart Styles</a></div>
			             <div id="divChartContentStyles">
                                          <!--DXMETADATA start type="TaggedComment" source="Project" id="##PROJECT_REMARKS,##OB" format="<p>%%comment%%</p>" --><p><P>The Chart control has many different style, which include:</P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Combination Chart&nbsp;</FONT></STRONG></P>
<P>A combination chart uses two or more chart types to emphasis that the chart contains different types of data.</P>
<P>Code example <A href="#Bookmark2682">here</A>.</P>
<P><IMG src="combination%20chart.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Area&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;</P>
<P>An area chart is very similar to a line chart.&nbsp; Data is displayed using different colors in the "area" below the line.&nbsp; Each series of points is represented with a different color.&nbsp; Area charts are commonly used to display accumulated values over a period of time.</P>
<P>Code example <A href="#Bookmark2458">here</A>.</P>
<P><IMG src="areachart.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>100 Stacked&nbsp;Area Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A 100 Stacked Area chart is very similar to a chart, only the data is stacked on top of each other and the data values for each item will total 100%.&nbsp; Data is displayed using different colors in the "area" below the line.&nbsp; Each series of points is represented with a different color.&nbsp; Area charts are commonly used to display accumulated values over a period of time.</P>
<P>Code example <A href="#Bookmark3219">here</A></P>
<P><IMG src="stackedarea100.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Stacked&nbsp;Area Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A Stacked Area chart is very similar to a chart.&nbsp; Data is displayed using different colors in the "area" below the line.&nbsp; Each series of points is represented with a different color.&nbsp; Area charts are commonly used to display accumulated values over a period of time.</P>
<P>Code example <A href="XtremeChartControl~ChartTorus3DSeriesStyle.html">here</A></P>
<P><IMG src="stackedarea.png">&nbsp;</P>
<P><STRONG><FONT size=5>Bar&nbsp;Chart&nbsp;</FONT></STRONG></P>
<P>A bar chart displays data with rectangular "bars" with lengths relative to the data they symbolize.&nbsp; Generally a bar chart is used to display discontinuous data (data that has a discrete value), however it can also be used for continuous data.&nbsp; Examples of discontinuous data would be "car color" or "tire size", examples of continuous data would be "population" or "age".</P>
<P>Code example <A href="#Bookmark2628">here</A>.</P>
<P><IMG src="barchart.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Bubble&nbsp;Chart&nbsp;</FONT></STRONG></P>
<P>A bubble chart&nbsp;is just a variation of a point chart, only it displays bubbles of the data points.&nbsp; Data in displayed in a grid using Cartesian coordinates.&nbsp; Data is displayed along the x and y axis, where x and y can represent any type of data (as in the chart below, x - decades, y - population).&nbsp;</P>
<P>Code example <A href="#Bookmark2648">here</A>.</P>
<P><IMG border=0 src="bubblechart.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>CandleStick Chart&nbsp;</FONT></STRONG></P>
<P>A Candlestick Chart used to display trends for financial data, generally stock market&nbsp;prices.&nbsp; Candlestick charts are much easier to rear than a traditional bar chart to a stock market trader.&nbsp; The candle sticks make it fast and easy to compare the high and low, open and close of data.&nbsp; Each "candle stick" represents the high, low, open and close of data for a given value.&nbsp; The relationship between these candles is important in determining trends among stock prices.&nbsp; The "open" and "close" values are displayed as the "body" of the candle, and the "high" and "low" are displayed as simple lined above and below the body.&nbsp; Buying pressure is indicated with hollow candles, where the close is greater than the previous high. &nbsp;Selling pressure is indicated with a filled red&nbsp;candle, where it's close value is lower than the previous close value.</P>
<P>Code example <A href="#Bookmark2661">here</A>.</P>
<P><IMG src="candlechart.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Line&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;</P>
<P>A line chart&nbsp;is&nbsp;is used to show&nbsp;a series of data points connected by straight line segments.&nbsp; Charts of this type are generally used to illustrate trends in data over a period of time.</P>
<P>Code example <A href="#Bookmark2844">here</A>.</P>
<P>&nbsp;</P>
<P><IMG src="linechart.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>2D Pie Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A pie chart displays a series of data&nbsp;as "slices" of&nbsp;a&nbsp;"pie".&nbsp; The data in the pie chart will be divided up into slices, each represents a percentage of the pie.&nbsp; The size of the slice will be proportional to the data it represents and each slice will be combined to represent some whole value.</P>
<P>Code example <A href="#Bookmark2915">here</A>.</P>
<P><IMG border=0 src="piechart2d.png"></P>
<P><STRONG><FONT size=5></FONT></STRONG>&nbsp;</P>
<P><STRONG><FONT size=5>2D&nbsp;Doughnut Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A Doughnut chart functions exactly the same as a pie chart, only there is a blank hole in the middle of the pie.</P>
<P>Code example <A href="#Bookmark2915">here</A>.</P>
<P><IMG src="piechart2ddoughnut.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Point&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;</P>
<P>A point chart displays data in a grid using Cartesian coordinates.&nbsp; Data is displayed along the x and y axis, where x and y can represent any type of data (as in the chart below, x - decades, y - population).&nbsp; A point chart is also referred to as a plot or scatter chart.</P>
<P>Code example <A href="#Bookmark2942">here</A>.</P>
<P><IMG src="pointchart.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Spline Area&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A Spline&nbsp;Area chart is very similar to a spline chart.&nbsp; Data is displayed using different colors in the "area" below the line.&nbsp; Each series of points is represented with a different color.&nbsp; Area charts are commonly used to display accumulated values over a period of time.</P>
<P>Code example <A href="#Bookmark3197">here</A>.</P>
<P><IMG src="splineareachart.png"></P>
<P><STRONG><FONT size=5>Stacked&nbsp;Spline&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A Stacked Spline Area chart is very similar to a spline chart.&nbsp; Data is displayed using different colors in the "area" below the line.&nbsp; Each series of points is represented with a different color.&nbsp; The lines in the spline chart are much more smooth flowing than an area chart.&nbsp; Area charts are commonly used to display accumulated values over a period of time.</P>
<P>Code example <A href="#Bookmark3247">here</A></P>
<P><IMG src="stackedspline.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Spline Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A spline chart is used to show information as a series of data points connected by smooth flowing "spline" segments.&nbsp; The spline will draw a smooth flowing line through all data points in the data set.&nbsp; Charts of this type are generally used to illustrate trends in data over a period of time.</P>
<P>Code example <A href="#Bookmark3208">here</A>.</P>
<P><IMG src="splinechart.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Stock\Bar&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A Stock (Bar)&nbsp;Chart used to display trends for financial data, generally stock market&nbsp;prices.&nbsp; A Stock\Bar chart is similar to a Candlestick chart, but is considered harder to read for stock market analyse.&nbsp; The&nbsp;stock\bar chart&nbsp;displays the&nbsp;high and low, open and close of data.&nbsp; Each "bar" represents the high, low, open and close of data for a given value.&nbsp; The relationship between these bars is important in determining trends among stock prices.&nbsp; The "open" and "close" values are displayed as "tick" marks on the side of the bar,&nbsp;the "high" is the tick mark on the right and the "low" is the tick mark on the left of the bar.&nbsp; Buying pressure is indicated with&nbsp;black bars, where the close is greater than the previous high. &nbsp;Selling pressure is indicated with&nbsp;red&nbsp;bars, where it's close value is lower than the previous close value.</P>
<P>Code example <A href="XtremeChartControl~ChartStockSeriesStyle.html">here</A>.</P>
<P><IMG src="stockchart.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>StepLine Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>The Step Line chart is another for of a Line chart.&nbsp; Unline the traditional line chart, Step line charts only use vertical and horizontal lines to connect the data points forming what looks like steps.</P>
<P>Code example <A href="#Bookmark3275">here</A>.</P>
<P><IMG src="stepline.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Funnel Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>The Funnel chart displays a series of data in a funnel shape.&nbsp; The top portion of the funnel will typically contain the largest percentage of the data, while the bottom will "funnel" down to the smallest percentage, however the funnel will allow data to be added in any combination to suit your needs.&nbsp; The size of the funnel sections are all relative to each other and the order does not matter.</P>
<P>Code example <A href="#Bookmark2789">here</A>.</P>
<P><IMG src="funnel.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Pyramid&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>The Pyramid chart displays a series of data in a pyramid shape.&nbsp; The size of the pyramid sections are all relative to each other and the order does not matter.&nbsp; You can have a "top heavy" pyramid where the largest section is the top section or any other combination.</P>
<P>Code example <A href="#Bookmark2942">here</A>.</P>
<P><IMG src="pyramid.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Scatter Line&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A Scatter chart is similar to a line chart, only the scatter chart will plot the data values in the exact order that they are entered and connect the plots with a line (unlike the line chart which will order the data based on the x and y axis).&nbsp; Scatter charts can be used for scientific data or can be used as a trend chart.</P>
<P>Code example <A href="#Bookmark3108">here</A>.</P>
<P>&nbsp;</P>
<P><IMG src="scatterline.png"></P>
<P><STRONG><FONT size=5>Range Bar&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A Range Bar is used to display data\events that have a finite beginning and end value.&nbsp; The range bar can be displayed both overlapped or side-by-side so the different ranges of data can easily be compared to each other.</P>
<P>Code example <A href="#Bookmark3080">here</A>.</P>
<P><IMG src="rangebar.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Stacked Bar&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A stacked bar chart is similar to a standard bar chart except the bars for a given argument will be stacked on top of each other.&nbsp; You can stack the bars vertically or horizontally.&nbsp; This type of chart is used to compare the relationship of parts to the whole.&nbsp; Each bar is used to represent a total.&nbsp; For example, you could show the number of males\females that prefer each of the 4 major sports (football, basketball, hockey, baseball) in a stacked bar chart.&nbsp; There would be 4 stacked bars, each divided into 2 categories (male\female).</P>
<P>Code example <A href="#Bookmark3233">here</A>.</P>
<P><IMG src="stackedbar.png"></P>
<P><STRONG><FONT size=5>Side-By-Side Stacked Bar&nbsp;Chart&nbsp;</FONT></STRONG>&nbsp;&nbsp;</P>
<P>A side-by-side stacked bar chart is similar to a standard stacked bar chart except you can have many stacked bars per argument.&nbsp; For example, building on the example from the stacked bars, you can use side-by-side stacked bars to show the male\female sports preference by country.&nbsp; So now you might have 3 countries (USA, Europe, Australia), each of which will have 4 stacked bars for each of the major sports and those bars will be divided into 2 categories, male\female.</P>
<P>Code example <A href="XtremeChartControl~ChartTorus3DSeriesStyle.html">here</A>.</P>
<P><IMG src="sidebysidestackedbar.png"></P>
<P><STRONG><FONT size=5>Chart Builder Tool&nbsp;</FONT></STRONG></P>
<P>Using the supplied "Chart Builder" tool you can build your charts, customize the colors, etc. and export them to an xml file that can then be loaded into the chart control.</P>
<P>Code example <A href="#Bookmark3313">here</A>.</P>
<P><IMG src="builderfile.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Multiple Chart Diagrams</FONT></STRONG></P>
<P>Almost any combination of chart types can be combined together into the same view.</P>
<P>Code example <A href="#Bookmark2682">here</A>.</P>
<P><IMG src="multiplediagrams.png"></P>
<P>&nbsp;</P>
<P><STRONG><FONT size=5>Gantt Chart</FONT></STRONG></P>
<P>A Gantt chart is a type of range bar chart commonly used for task\schedule planning.&nbsp;&nbsp;&nbsp;Typically a Gantt chart is used for displaying the progression of a project&nbsp;and will display the length each individual task will take versus the progression of time.&nbsp; </P>
<P>Code example <A href="#Bookmark2799">here</A>.</P>
<P><IMG src="gnatt.png"></P></p><!--DXMETADATA end --> 
				     </div>
			         </div>
                            </div>
                            <!-- End Page Content -->
                            <!-- Begin Page Footer -->
                            <div class=Element93>
                                <table cellspacing=0 cellpadding=0 width="100%">
                                    <tbody>
                                        <tr>
                                            <td width="100%">
                                                <div class=Element3>Copyright (c) 1998-2012 codejock Software. All rights reserved. 
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%">
                                                <div class=Element97>What do you think about this topic? <a onclick="sendFeedback('support@codejock.com', 'Documentation Feedback', 'Project: Codejock Controls%0ATopic ID: Welcome Screen%0ATitle: Codejock Controls Overview');" href="#">Send feedback!</a> 
                                                </div></td></tr></tbody></table></div><!-- End Page Footer --></div></div><!-- End Client Area --></div></div></div></div>	
	<div id="winchm_template_footer">Copyright &copy; 2018. All rights 
reserved. (To change the copyright info, just edit it in template.)</div>
</div>

</body>
</html>

